window.addEventListener('load',function(){
    var lis = document.querySelectorAll('li')
    var divs = document.querySelectorAll('.right>div')
    for(var i=0;i<lis.length;i++){
        lis[i].setAttribute('index',i)
        lis[i].addEventListener('mouseover',function(){
            for(var i=0;i<lis.length;i++){
                lis[i].className = ''
            }
            this.className = 'change'
            var index= this.getAttribute('index')
            for(var i=0;i<divs.length;i++){
                divs[i].style.display = 'none'
            }
            divs[index].style.display='block'
        })
    }
})